﻿<!DOCTYPE html>
<html>
  <head>
    <title>商品详情页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/商品详情页/styles.css" type="text/css" rel="stylesheet"/>
    <link href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/ie.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="files/商品详情页/data.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (layout) -->

      <!-- 手机原型 (动态面板) -->
      <div id="u325" class="ax_default" data-label="手机原型">
        <div id="u325_state0" class="panel_state" data-label="State1">
          <div id="u325_state0_content" class="panel_state_content">

            <!-- 原型尺寸 (矩形) -->
            <div id="u326" class="ax_default box_1" data-label="原型尺寸">
              <div id="u326_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u327" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- iPhone X 状态栏 (图片) -->
            <div id="u328" class="ax_default image" data-label="iPhone X 状态栏">
              <img id="u328_img" class="img " src="images/首页/iphone_x_____u4.png"/>
              <!-- Unnamed () -->
              <div id="u329" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- iPhone X  (图片) -->
            <div id="u330" class="ax_default _图片" data-label="iPhone X ">
              <img id="u330_img" class="img " src="images/首页/iphone_x__u6.png"/>
              <!-- Unnamed () -->
              <div id="u331" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 标题栏 (动态面板) -->
      <div id="u332" class="ax_default" data-label="标题栏">
        <div id="u332_state0" class="panel_state" data-label="State1">
          <div id="u332_state0_content" class="panel_state_content">

            <!-- 背景 (矩形) -->
            <div id="u333" class="ax_default refs-design-apple" data-label="背景">
              <div id="u333_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u334" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- 标题 (矩形) -->
            <div id="u335" class="ax_default refs-webm-wechat" data-label="标题">
              <div id="u335_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u336" class="text" style="visibility: visible;">
                <p><span>标题</span></p>
              </div>
            </div>

            <!-- 仨点 (图片) -->
            <div id="u337" class="ax_default image" data-label="仨点">
              <img id="u337_img" class="img " src="images/首页/仨点_u13.png"/>
              <!-- Unnamed () -->
              <div id="u338" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- 箭头 (图片) -->
            <div id="u339" class="ax_default image" data-label="箭头">
              <img id="u339_img" class="img " src="images/首页/箭头_u15.png"/>
              <!-- Unnamed () -->
              <div id="u340" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u341" class="ax_default">
        <div id="u341_state0" class="panel_state" data-label="State1">
          <div id="u341_state0_content" class="panel_state_content">

            <!-- banner图 (组合) -->
            <div id="u342" class="ax_default" data-label="banner图">

              <!-- banner (动态面板) -->
              <div id="u343" class="ax_default" data-label="banner">
                <div id="u343_state0" class="panel_state" data-label="1">
                  <div id="u343_state0_content" class="panel_state_content">

                    <!-- Unnamed (图片) -->
                    <div id="u344" class="ax_default image">
                      <img id="u344_img" class="img " src="images/首页/u20.png"/>
                      <!-- Unnamed () -->
                      <div id="u345" class="text" style="display: none; visibility: hidden">
                        <p><span></span></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u346" class="ax_default sticky_1">
                      <div id="u346_div" class=""></div>
                      <!-- Unnamed () -->
                      <div id="u347" class="text" style="display: none; visibility: hidden">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>
                </div>
                <div id="u343_state1" class="panel_state" data-label="2">
                  <div id="u343_state1_content" class="panel_state_content">

                    <!-- Unnamed (图片) -->
                    <div id="u348" class="ax_default image">
                      <img id="u348_img" class="img " src="images/首页/u20.png"/>
                      <!-- Unnamed () -->
                      <div id="u349" class="text" style="display: none; visibility: hidden">
                        <p><span></span></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u350" class="ax_default sticky_2">
                      <div id="u350_div" class=""></div>
                      <!-- Unnamed () -->
                      <div id="u351" class="text" style="display: none; visibility: hidden">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>
                </div>
                <div id="u343_state2" class="panel_state" data-label="3">
                  <div id="u343_state2_content" class="panel_state_content">

                    <!-- Unnamed (图片) -->
                    <div id="u352" class="ax_default image">
                      <img id="u352_img" class="img " src="images/首页/u20.png"/>
                      <!-- Unnamed () -->
                      <div id="u353" class="text" style="display: none; visibility: hidden">
                        <p><span></span></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u354" class="ax_default sticky_1">
                      <div id="u354_div" class=""></div>
                      <!-- Unnamed () -->
                      <div id="u355" class="text" style="display: none; visibility: hidden">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>

              <!-- banner标识 (动态面板) -->
              <div id="u356" class="ax_default" data-label="banner标识">
                <div id="u356_state0" class="panel_state" data-label="1">
                  <div id="u356_state0_content" class="panel_state_content">

                    <!-- Unnamed (椭圆形) -->
                    <div id="u357" class="ax_default refs-webm-wechat">
                      <img id="u357_img" class="img " src="images/首页/u33.png"/>
                      <!-- Unnamed () -->
                      <div id="u358" class="text" style="display: none; visibility: hidden">
                        <p><span></span></p>
                      </div>
                    </div>

                    <!-- Unnamed (椭圆形) -->
                    <div id="u359" class="ax_default refs-webm-wechat">
                      <img id="u359_img" class="img " src="images/首页/u35.png"/>
                      <!-- Unnamed () -->
                      <div id="u360" class="text" style="display: none; visibility: hidden">
                        <p><span></span></p>
                      </div>
                    </div>

                    <!-- Unnamed (椭圆形) -->
                    <div id="u361" class="ax_default refs-webm-wechat">
                      <img id="u361_img" class="img " src="images/首页/u35.png"/>
                      <!-- Unnamed () -->
                      <div id="u362" class="text" style="display: none; visibility: hidden">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>
                </div>
                <div id="u356_state1" class="panel_state" data-label="2">
                  <div id="u356_state1_content" class="panel_state_content">

                    <!-- Unnamed (椭圆形) -->
                    <div id="u363" class="ax_default refs-webm-wechat">
                      <img id="u363_img" class="img " src="images/首页/u33.png"/>
                      <!-- Unnamed () -->
                      <div id="u364" class="text" style="display: none; visibility: hidden">
                        <p><span></span></p>
                      </div>
                    </div>

                    <!-- Unnamed (椭圆形) -->
                    <div id="u365" class="ax_default refs-webm-wechat">
                      <img id="u365_img" class="img " src="images/首页/u35.png"/>
                      <!-- Unnamed () -->
                      <div id="u366" class="text" style="display: none; visibility: hidden">
                        <p><span></span></p>
                      </div>
                    </div>

                    <!-- Unnamed (椭圆形) -->
                    <div id="u367" class="ax_default refs-webm-wechat">
                      <img id="u367_img" class="img " src="images/首页/u35.png"/>
                      <!-- Unnamed () -->
                      <div id="u368" class="text" style="display: none; visibility: hidden">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>
                </div>
                <div id="u356_state2" class="panel_state" data-label="3">
                  <div id="u356_state2_content" class="panel_state_content">

                    <!-- Unnamed (椭圆形) -->
                    <div id="u369" class="ax_default refs-webm-wechat">
                      <img id="u369_img" class="img " src="images/首页/u33.png"/>
                      <!-- Unnamed () -->
                      <div id="u370" class="text" style="display: none; visibility: hidden">
                        <p><span></span></p>
                      </div>
                    </div>

                    <!-- Unnamed (椭圆形) -->
                    <div id="u371" class="ax_default refs-webm-wechat">
                      <img id="u371_img" class="img " src="images/首页/u35.png"/>
                      <!-- Unnamed () -->
                      <div id="u372" class="text" style="display: none; visibility: hidden">
                        <p><span></span></p>
                      </div>
                    </div>

                    <!-- Unnamed (椭圆形) -->
                    <div id="u373" class="ax_default refs-webm-wechat">
                      <img id="u373_img" class="img " src="images/首页/u35.png"/>
                      <!-- Unnamed () -->
                      <div id="u374" class="text" style="display: none; visibility: hidden">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 商品简要 (组合) -->
            <div id="u375" class="ax_default" data-label="商品简要">

              <!-- Unnamed (矩形) -->
              <div id="u376" class="ax_default box_1">
                <div id="u376_div" class=""></div>
                <!-- Unnamed () -->
                <div id="u377" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u378" class="ax_default label">
                <div id="u378_div" class=""></div>
                <!-- Unnamed () -->
                <div id="u379" class="text" style="visibility: visible;">
                  <p><span>商品介绍一大堆商品介绍一大堆商品介绍一大堆商品介绍一大堆</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u380" class="ax_default label">
                <div id="u380_div" class=""></div>
                <!-- Unnamed () -->
                <div id="u381" class="text" style="visibility: visible;">
                  <p><span>商品名称商品名称</span></p>
                </div>
              </div>

              <!-- 价格 (组合) -->
              <div id="u382" class="ax_default" data-label="价格">

                <!-- Unnamed (矩形) -->
                <div id="u383" class="ax_default label">
                  <div id="u383_div" class=""></div>
                  <!-- Unnamed () -->
                  <div id="u384" class="text" style="visibility: visible;">
                    <p><span>￥29</span></p>
                  </div>
                </div>

                <!-- 划线价 (组合) -->
                <div id="u385" class="ax_default" data-label="划线价">

                  <!-- Unnamed (矩形) -->
                  <div id="u386" class="ax_default label">
                    <div id="u386_div" class=""></div>
                    <!-- Unnamed () -->
                    <div id="u387" class="text" style="visibility: visible;">
                      <p><span>￥50</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (水平线) -->
                  <div id="u388" class="ax_default line">
                    <img id="u388_img" class="img " src="images/商品详情页/u388.png"/>
                    <!-- Unnamed () -->
                    <div id="u389" class="text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>

              <!-- 分享按钮 (组合) -->
              <div id="u390" class="ax_default" data-label="分享按钮">

                <!-- Unnamed (形状) -->
                <div id="u391" class="ax_default icon">
                  <img id="u391_img" class="img " src="images/商品详情页/u391.png"/>
                  <!-- Unnamed () -->
                  <div id="u392" class="text" style="display: none; visibility: hidden">
                    <p><span></span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u393" class="ax_default label">
                  <div id="u393_div" class=""></div>
                  <!-- Unnamed () -->
                  <div id="u394" class="text" style="visibility: visible;">
                    <p><span>分享</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (垂直线) -->
              <div id="u395" class="ax_default line">
                <img id="u395_img" class="img " src="images/商品详情页/u395.png"/>
                <!-- Unnamed () -->
                <div id="u396" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>
            </div>

            <!-- 规格选择 (组合) -->
            <div id="u397" class="ax_default" data-label="规格选择">

              <!-- Unnamed (矩形) -->
              <div id="u398" class="ax_default box_1">
                <div id="u398_div" class=""></div>
                <!-- Unnamed () -->
                <div id="u399" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- 选择 (矩形) -->
              <div id="u400" class="ax_default label" data-label="选择">
                <div id="u400_div" class=""></div>
                <!-- Unnamed () -->
                <div id="u401" class="text" style="visibility: visible;">
                  <p><span>选择</span></p>
                </div>
              </div>

              <!-- 规格参数选择 (矩形) -->
              <div id="u402" class="ax_default label" data-label="规格参数选择">
                <div id="u402_div" class=""></div>
                <!-- Unnamed () -->
                <div id="u403" class="text" style="visibility: visible;">
                  <p><span>规格参数选择</span></p>
                </div>
              </div>

              <!-- Unnamed (椭圆形) -->
              <div id="u404" class="ax_default ellipse">
                <img id="u404_img" class="img " src="images/商品详情页/u404.png"/>
                <!-- Unnamed () -->
                <div id="u405" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- Unnamed (椭圆形) -->
              <div id="u406" class="ax_default ellipse">
                <img id="u406_img" class="img " src="images/商品详情页/u406.png"/>
                <!-- Unnamed () -->
                <div id="u407" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- Unnamed (椭圆形) -->
              <div id="u408" class="ax_default ellipse">
                <img id="u408_img" class="img " src="images/商品详情页/u404.png"/>
                <!-- Unnamed () -->
                <div id="u409" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>
            </div>

            <!-- 商品详情介绍 (组合) -->
            <div id="u410" class="ax_default" data-label="商品详情介绍">

              <!-- Unnamed (矩形) -->
              <div id="u411" class="ax_default box_1">
                <div id="u411_div" class=""></div>
                <!-- Unnamed () -->
                <div id="u412" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- Unnamed (水平线) -->
              <div id="u413" class="ax_default line">
                <img id="u413_img" class="img " src="images/商品详情页/u413.png"/>
                <!-- Unnamed () -->
                <div id="u414" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u415" class="ax_default label">
                <div id="u415_div" class=""></div>
                <!-- Unnamed () -->
                <div id="u416" class="text" style="visibility: visible;">
                  <p><span>详情介绍</span></p>
                </div>
              </div>

              <!-- 文字图片 (组合) -->
              <div id="u417" class="ax_default" data-label="文字图片">

                <!-- Unnamed (图片) -->
                <div id="u418" class="ax_default image">
                  <img id="u418_img" class="img " src="images/商品详情页/u418.png"/>
                  <!-- Unnamed () -->
                  <div id="u419" class="text" style="display: none; visibility: hidden">
                    <p><span></span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u420" class="ax_default _文本段落">
                  <div id="u420_div" class=""></div>
                  <!-- Unnamed () -->
                  <div id="u421" class="text" style="visibility: visible;">
                    <p><span>文案文字介绍，吹到天花乱坠</span></p>
                  </div>
                </div>

                <!-- Unnamed (图片) -->
                <div id="u422" class="ax_default image">
                  <img id="u422_img" class="img " src="images/商品详情页/u418.png"/>
                  <!-- Unnamed () -->
                  <div id="u423" class="text" style="display: none; visibility: hidden">
                    <p><span></span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u424" class="ax_default _文本段落">
                  <div id="u424_div" class=""></div>
                  <!-- Unnamed () -->
                  <div id="u425" class="text" style="visibility: visible;">
                    <p><span>文案文字介绍，吹到天花乱坠</span></p>
                  </div>
                </div>

                <!-- Unnamed (图片) -->
                <div id="u426" class="ax_default image">
                  <img id="u426_img" class="img " src="images/商品详情页/u426.png"/>
                  <!-- Unnamed () -->
                  <div id="u427" class="text" style="display: none; visibility: hidden">
                    <p><span></span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u428" class="ax_default _文本段落">
                  <div id="u428_div" class=""></div>
                  <!-- Unnamed () -->
                  <div id="u429" class="text" style="visibility: visible;">
                    <p><span>文案文字介绍，吹到天花乱坠</span></p>
                  </div>
                </div>
              </div>
            </div>

            <!-- 常见问题 (组合) -->
            <div id="u430" class="ax_default" data-label="常见问题">

              <!-- Unnamed (矩形) -->
              <div id="u431" class="ax_default box_1">
                <div id="u431_div" class=""></div>
                <!-- Unnamed () -->
                <div id="u432" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- Unnamed (组合) -->
              <div id="u433" class="ax_default">

                <!-- Unnamed (矩形) -->
                <div id="u434" class="ax_default label">
                  <div id="u434_div" class=""></div>
                  <!-- Unnamed () -->
                  <div id="u435" class="text" style="visibility: visible;">
                    <p><span>常见问题</span></p>
                  </div>
                </div>

                <!-- Unnamed (水平线) -->
                <div id="u436" class="ax_default line">
                  <img id="u436_img" class="img " src="images/商品详情页/u436.png"/>
                  <!-- Unnamed () -->
                  <div id="u437" class="text" style="display: none; visibility: hidden">
                    <p><span></span></p>
                  </div>
                </div>

                <!-- Unnamed (水平线) -->
                <div id="u438" class="ax_default line">
                  <img id="u438_img" class="img " src="images/商品详情页/u436.png"/>
                  <!-- Unnamed () -->
                  <div id="u439" class="text" style="display: none; visibility: hidden">
                    <p><span></span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u440" class="ax_default _文本段落">
                <div id="u440_div" class=""></div>
                <!-- Unnamed () -->
                <div id="u441" class="text" style="visibility: visible;">
                  <p><span>运费问题</span></p><p><span><br></span></p><p><span>快递问题</span></p><p><span><br></span></p><p><span>退货退款</span></p>
                </div>
              </div>
            </div>

            <!-- 评价 (组合) -->
            <div id="u442" class="ax_default" data-label="评价">

              <!-- Unnamed (矩形) -->
              <div id="u443" class="ax_default box_1">
                <div id="u443_div" class=""></div>
                <!-- Unnamed () -->
                <div id="u444" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u445" class="ax_default label">
                <div id="u445_div" class=""></div>
                <!-- Unnamed () -->
                <div id="u446" class="text" style="visibility: visible;">
                  <p><span>评价</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u447" class="ax_default label">
                <div id="u447_div" class=""></div>
                <!-- Unnamed () -->
                <div id="u448" class="text" style="visibility: visible;">
                  <p><span>查看全部 &gt;&gt;</span></p>
                </div>
              </div>

              <!-- Unnamed (组合) -->
              <div id="u449" class="ax_default">

                <!-- Unnamed (图片) -->
                <div id="u450" class="ax_default image">
                  <img id="u450_img" class="img " src="images/商品详情页/u450.png"/>
                  <!-- Unnamed () -->
                  <div id="u451" class="text" style="display: none; visibility: hidden">
                    <p><span></span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u452" class="ax_default label">
                  <div id="u452_div" class=""></div>
                  <!-- Unnamed () -->
                  <div id="u453" class="text" style="visibility: visible;">
                    <p><span>a****5</span></p>
                  </div>
                </div>

                <!-- Unnamed (组合) -->
                <div id="u454" class="ax_default">

                  <!-- Unnamed (形状) -->
                  <div id="u455" class="ax_default icon">
                    <img id="u455_img" class="img " src="images/商品详情页/u455.png"/>
                    <!-- Unnamed () -->
                    <div id="u456" class="text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u457" class="ax_default icon">
                    <img id="u457_img" class="img " src="images/商品详情页/u457.png"/>
                    <!-- Unnamed () -->
                    <div id="u458" class="text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u459" class="ax_default icon">
                    <img id="u459_img" class="img " src="images/商品详情页/u455.png"/>
                    <!-- Unnamed () -->
                    <div id="u460" class="text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u461" class="ax_default icon">
                    <img id="u461_img" class="img " src="images/商品详情页/u455.png"/>
                    <!-- Unnamed () -->
                    <div id="u462" class="text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u463" class="ax_default icon">
                    <img id="u463_img" class="img " src="images/商品详情页/u455.png"/>
                    <!-- Unnamed () -->
                    <div id="u464" class="text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u465" class="ax_default label">
                <div id="u465_div" class=""></div>
                <!-- Unnamed () -->
                <div id="u466" class="text" style="visibility: visible;">
                  <p><span>文字评价、文字评价、文字评价</span></p>
                </div>
              </div>

              <!-- Unnamed (图片) -->
              <div id="u467" class="ax_default image">
                <img id="u467_img" class="img " src="images/商品详情页/u467.png"/>
                <!-- Unnamed () -->
                <div id="u468" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- Unnamed (图片) -->
              <div id="u469" class="ax_default image">
                <img id="u469_img" class="img " src="images/商品详情页/u467.png"/>
                <!-- Unnamed () -->
                <div id="u470" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- Unnamed (图片) -->
              <div id="u471" class="ax_default image">
                <img id="u471_img" class="img " src="images/商品详情页/u467.png"/>
                <!-- Unnamed () -->
                <div id="u472" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- Unnamed (图片) -->
              <div id="u473" class="ax_default image">
                <img id="u473_img" class="img " src="images/商品详情页/u467.png"/>
                <!-- Unnamed () -->
                <div id="u474" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- Unnamed (图片) -->
              <div id="u475" class="ax_default image">
                <img id="u475_img" class="img " src="images/商品详情页/u467.png"/>
                <!-- Unnamed () -->
                <div id="u476" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 规格参数选择弹窗 (组合) -->
      <div id="u477" class="ax_default ax_default_hidden" data-label="规格参数选择弹窗" style="display: none; visibility: hidden">

        <!-- Unnamed (遮罩) -->

        <!-- Unnamed (矩形) -->
        <div id="u479" class="ax_default">
          <div id="u479_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u480" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u481" class="ax_default refs-webm-wechat">
          <div id="u481_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u482" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u483" class="ax_default icon">
          <img id="u483_img" class="img " src="images/商品详情页/u483.png"/>
          <!-- Unnamed () -->
          <div id="u484" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- 确定 (矩形) -->
        <div id="u485" class="ax_default button" data-label="确定">
          <div id="u485_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u486" class="text" style="visibility: visible;">
            <p><span>确定</span></p>
          </div>
        </div>

        <!-- 规格一选择 (组合) -->
        <div id="u487" class="ax_default" data-label="规格一选择">

          <!-- 规格一标题 (矩形) -->
          <div id="u488" class="ax_default label" data-label="规格一标题">
            <div id="u488_div" class=""></div>
            <!-- Unnamed () -->
            <div id="u489" class="text" style="visibility: visible;">
              <p><span>规格一</span></p>
            </div>
          </div>

          <!-- 规格一选择1 (矩形) -->
          <div id="u490" class="ax_default box_1" data-label="规格一选择1" selectiongroup="规格一">
            <div id="u490_div" class=""></div>
            <!-- Unnamed () -->
            <div id="u491" class="text" style="visibility: visible;">
              <p><span>选择1</span></p>
            </div>
          </div>

          <!-- 规格一选择2 (矩形) -->
          <div id="u492" class="ax_default box_1" data-label="规格一选择2" selectiongroup="规格一">
            <div id="u492_div" class=""></div>
            <!-- Unnamed () -->
            <div id="u493" class="text" style="visibility: visible;">
              <p><span>选择2</span></p>
            </div>
          </div>

          <!-- 规格一选择3 (矩形) -->
          <div id="u494" class="ax_default box_1" data-label="规格一选择3" selectiongroup="规格一">
            <div id="u494_div" class=""></div>
            <!-- Unnamed () -->
            <div id="u495" class="text" style="visibility: visible;">
              <p><span>选择3</span></p>
            </div>
          </div>
        </div>

        <!-- 商品简要 (组合) -->
        <div id="u496" class="ax_default" data-label="商品简要">

          <!-- Unnamed (图片) -->
          <div id="u497" class="ax_default image">
            <img id="u497_img" class="img " src="images/首页/u123.png"/>
            <!-- Unnamed () -->
            <div id="u498" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>

          <!-- 价格 (矩形) -->
          <div id="u499" class="ax_default label" data-label="价格">
            <div id="u499_div" class=""></div>
            <!-- Unnamed () -->
            <div id="u500" class="text" style="visibility: visible;">
              <p><span>￥29</span></p>
            </div>
          </div>

          <!-- 库存 (矩形) -->
          <div id="u501" class="ax_default label" data-label="库存">
            <div id="u501_div" class=""></div>
            <!-- Unnamed () -->
            <div id="u502" class="text" style="visibility: visible;">
              <p><span>库存：999件</span></p>
            </div>
          </div>

          <!-- 选择情况 (矩形) -->
          <div id="u503" class="ax_default label" data-label="选择情况">
            <div id="u503_div" class=""></div>
            <!-- Unnamed () -->
            <div id="u504" class="text" style="visibility: visible;">
              <p><span>请选择：规格一</span></p>
            </div>
          </div>
        </div>

        <!-- 数量加减 (组合) -->
        <div id="u505" class="ax_default" data-label="数量加减">

          <!-- 减 (矩形) -->
          <div id="u506" class="ax_default box_1" data-label="减">
            <div id="u506_div" class=""></div>
            <!-- Unnamed () -->
            <div id="u507" class="text" style="visibility: visible;">
              <p><span>-</span></p>
            </div>
          </div>

          <!-- 加 (矩形) -->
          <div id="u508" class="ax_default box_1" data-label="加">
            <div id="u508_div" class=""></div>
            <!-- Unnamed () -->
            <div id="u509" class="text" style="visibility: visible;">
              <p><span>+</span></p>
            </div>
          </div>

          <!-- 数量 (文本框) -->
          <div id="u510" class="ax_default text_field" data-label="数量">
            <input id="u510_input" type="number" value="1"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u511" class="ax_default label">
            <div id="u511_div" class=""></div>
            <!-- Unnamed () -->
            <div id="u512" class="text" style="visibility: visible;">
              <p><span>数量</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- 立即购买 (矩形) -->
      <div id="u513" class="ax_default button" data-label="立即购买">
        <div id="u513_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u514" class="text" style="visibility: visible;">
          <p><span>立即购买</span></p>
        </div>
      </div>

      <!-- 加入购物车 (矩形) -->
      <div id="u515" class="ax_default button" data-label="加入购物车">
        <div id="u515_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u516" class="text" style="visibility: visible;">
          <p><span>加入购物车</span></p>
        </div>
      </div>

      <!-- 收藏 (组合) -->
      <div id="u517" class="ax_default" data-label="收藏">

        <!-- Unnamed (形状) -->
        <div id="u518" class="ax_default icon">
          <img id="u518_img" class="img " src="images/商品详情页/u518.png"/>
          <!-- Unnamed () -->
          <div id="u519" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u520" class="ax_default label">
          <div id="u520_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u521" class="text" style="visibility: visible;">
            <p><span>收藏</span></p>
          </div>
        </div>
      </div>

      <!-- 购物车 (组合) -->
      <div id="u522" class="ax_default" data-label="购物车">

        <!-- Unnamed (形状) -->
        <div id="u523" class="ax_default icon">
          <img id="u523_img" class="img " src="images/商品详情页/u523.png"/>
          <!-- Unnamed () -->
          <div id="u524" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u525" class="ax_default label">
          <div id="u525_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u526" class="text" style="visibility: visible;">
            <p><span>购物车</span></p>
          </div>
        </div>
      </div>

      <!-- notice (矩形) -->
      <div id="u527" class="ax_default sticky_1" data-label="notice">
        <div id="u527_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u528" class="text" style="visibility: visible;">
          <p><span>加入购物车、立即购买、正常规格选择都直接弹出规格选择弹窗，但确定的结果有区别，正常选择确定只是改变文案，加入购物车还往购物车push，立即购买则直接订单确认</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u529" class="ax_default ax_default_hidden" style="display: none; visibility: hidden">

        <!-- Unnamed (矩形) -->
        <div id="u530" class="ax_default box_1 selected" selectiongroup="商品详情">
          <div id="u530_div" class="selected"></div>
          <!-- Unnamed () -->
          <div id="u531" class="text" style="visibility: visible;">
            <p><span>商品</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u532" class="ax_default box_1" selectiongroup="商品详情">
          <div id="u532_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u533" class="text" style="visibility: visible;">
            <p><span>详情</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u534" class="ax_default box_1" selectiongroup="商品详情">
          <div id="u534_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u535" class="text" style="visibility: visible;">
            <p><span>评价</span></p>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
